Implement pixel art space-themed homepage redesign (#30)

* Initial plan

* Add pixel art space elements: Earth, Moon, satellite, shooting stars, enhanced starfield

Co-authored-by: JusterZhu <11714536+JusterZhu@users.noreply.github.com>

* Improve animations with GPU acceleration and remove inline styles

Co-authored-by: JusterZhu <11714536+JusterZhu@users.noreply.github.com>

* Make Earth and Moon round, remove lightning logo

Co-authored-by: JusterZhu <11714536+JusterZhu@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: JusterZhu <11714536+JusterZhu@users.noreply.github.com>

Author: Copilot

website/src/pages/index.js

@@ -12,11 +12,12 @@ function CosmicHero() {
       <div className={styles.cosmicBackground}>
         <div className={styles.stars}></div>
         <div className={styles.planets}></div>
+        <div className={styles.satellite}></div>
+        <div className={styles.shootingStar}></div>
+        <div className={styles.shootingStar2}></div>
+        <div className={styles.shootingStar3}></div>
       </div>
       <div className={styles.heroContent}>
-        <div className={styles.pixelLogo}>
-          <div className={styles.logoPixel}></div>
-        </div>
         <Heading as="h1" className={styles.cosmicTitle}>
           {siteConfig.title}
         </Heading>