I like this question; what you're trying to understand is important to understand.
In this answer I'll be talking loosely about infinitesimal quantities linear or quadratic in $\mathrm dx$; I think this is the best way to get a feel for this sort of thing, but similar arguments could also be presented more rigorously.
Basically, the reason is that in the case of the surface area, the effect from the slope is linear in $\mathrm dx$, whereas in the case of the volume, it's quadratic in $\mathrm dx$. Thus we can neglect it in the limit $\mathrm dx\to0$ in the latter case but not in the former.
Let's see what happens if we take the slope into account in adding up the volume of slices of the solid of revolution generated by a function $f(x)$ rotated around the $x$ axis. As you say, after the cylindrical volume $\pi f^2\mathrm dx$ the next order of approximation would be a cone, or more precisely a conical frustum, corresponding to a linear approximation to the function. The volume of such a frustum between $x$ and $x+\mathrm dx$ would be
$$\begin{eqnarray}
\frac13\pi\mathrm dx\left(f(x)^2+f(x)f(x+\mathrm dx)+f(x+\mathrm dx)^2\right)
&\approx&
\frac13\pi\mathrm dx\left(3f(x)^2+3f(x)\mathrm dx\right)
\\
&=&
\pi\mathrm dx\left(f(x)^2+f(x)\mathrm dx\right)\;,
\end{eqnarray}
$$
which differs from the cylindrical volume by the second term, which contains one more factor of $\mathrm dx$ than the first one and therefore vanishes in the limit.
By contrast, for the surface area, taking into account the slope leads to a surface element $2\pi f(x)\sqrt{1+f'(x)^2}$, whereas not taking it into account would lead to just $2\pi f(x)$, the surface area of a cylindrical slice. Here we don't have two terms with one negligible and dominated by the other, but an additional factor that survives the limit.
You can also try to picture this geometrically. Think of a conical slice and the corresponding cylindrical slice, and imagine shrinking their width. As you shrink, the portion of volume in that little extra bit on the boundary becomes negligible compared to the bulk of the slice -- whereas the bulk only shrinks with the width, the extra bit shrinks both with the width and with the vertical deviation, which is the slope times the width, so it shrinks quadratically while the bulk shrinks linearly. For the surface, there's no such effect, since there's no "bulk" of the surface; all of the surface is at the boundary, and tilting it by the slope makes all of it larger, not just a small portion that becomes negligible in the limit.
Hint: Try to substituted $3y=t$ first and then use the second of the following fact:
Theorem: The integral
$$\int x^m(a+bx^n)^pdx$$
can be reduced if $m,n,p$ are rational numbers, to the integral of a rational function, and can thus be expressed in terms of elementary functions if:
$1.$ $p$ is an integer( $p>0$ use the Newton's binomial theorem and when $p<0$ then $x=t^k$ which $\text{lcm}(n,m)$).
$2.$ $\dfrac{m+1}{n}$ is an integer. So set $a+bx^n=t^{\alpha}$ wherein $\alpha$ is the denominator of $p$.
$3.$ $\dfrac{m+1}{n}+p$ is an integer.
Here we have $p=1/2,n=-4/3,m=1/3$
Best Answer
I won't do the whole problem but the $3$ surfaces are on the intervals $[0, 1.7320508],$
$[1.7320508, 2.6457513]\ \text{and} \ [2, 2.6457513]$ whereby symmetry about the y axis means doubling each area to get the total area.