feat(ui): enhance component share UX and add new interactive simulations

apps/web/src/components/Button.tsx

@@ -98,10 +98,10 @@ export const Button: React.FC<ButtonProps> = ({
   // Binary stream overlay colors by variant
   const binaryColor =
     variant === "primary"
-      ? "rgba(255,255,255,0.06)"
+      ? "rgba(255,255,255,0.12)"
       : variant === "outline"
-        ? "rgba(59,130,246,0.08)"
-        : "rgba(148,163,184,0.06)";
+        ? "rgba(59,130,246,0.15)"
+        : "rgba(148,163,184,0.15)";
 
   const inner = (
     <motion.span
@@ -115,7 +115,7 @@ export const Button: React.FC<ButtonProps> = ({
         style={{ opacity: hovered ? 1 : 0, transition: "opacity 0.3s ease" }}
       >
         <motion.span
-          className="whitespace-nowrap font-mono text-[8px] tracking-[0.3em] select-none"
+          className="whitespace-nowrap font-mono text-xs tracking-[0.4em] select-none"
           style={{ color: binaryColor }}
           animate={hovered ? { x: [0, -200] } : { x: 0 }}
           transition={